<template>
 <div>
    <div>
      <router-link to='/uIRouter'>UI Router</router-link>
      <router-link to='/contacts'>Contacts</router-link>
      <router-link to='/about'>About</router-link>
      <!-- <a href="#/uIRouter">UI Router</a>
      <a href="#/contacts">Contacts</a>
      <a href="#/about">About</a> -->
    </div>
    <hr>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
a{
  margin-left: 10px;
}
</style>